<?php session_start(); ?>
<html>

<head>
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/general.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/jquery-ui-1.8.18.custom.css" type="text/css" media="screen">
	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
	<script type="text/javascript" src="js/content.js"></script>
	<script type="text/javascript" src="js/validation.js"></script>
	<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
	
</head>

<body>
	<div id="page">
		

		<div id="leftColumn">
			<img src="images/fa.jpg" width="235px"/>
		</div>
		
		<div id="mainContainers">
			<img src="images/banner.png"/>
		</div>
		
		<div id="clear">
		</div>
		
		<div class="mainContainer">
			<div id="containerLogin">
			<?php
			
			if($_SESSION['User']['id']== null){
			?>
				<form method="post" id="loginForm" action="login_model.php">
					<div id="leftInputLogin" >
						<label for="loginName">Name</label>
						<input id="loginName" name="loginName" type="text" style="color:black"/>
					</div>
					
					<div id="leftInputLogin"> 
						<label for="passwd">Password</label>
						<input id="passwd" name="passwd" type="password" style="color:black" />
					</div>
					
					<div id="leftInputLogin">
						<input id="login" name="send" type="submit" value="Login" />
					</div>
					
					
					<div id="clear"></div>
					
				</form>
			<?php
			} else {
				echo '<form method="post" action="logout_model.php">';
				echo "Hi,".$_SESSION['User']['name'].'<input id="logout" name="send" type="submit" value="Logout" />'; 
			}
			?>
			</div>
		</div>
		<div id="mainContainer">
		
		
		</div>
	</div>
	<div id="backstretch" style="left: 0px; top: 0px; position: fixed; overflow-x: hidden; overflow-y: hidden; z-index: -999999; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1680px; height: 1080px; ">
		<img style="position: absolute; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; z-index: -999999; width: 1680px; height: 1080px; left: 0px; top: -129.5px; " src="images/nov2.jpg">
	</div>
</body>


</html>